PWA, WebAssembly, ChromeOS가 웹 기반 동영상 편집기에서 1,200만 사용자에게 더 나은 성능과 더 몰입도 높은 환경을 제공하는 데 어떤 도움이 되고 있는지 알아보세요.
97%
PWA 설치 수의 월간 증가율
2.3x
실적 개선
9%
PWA 사용자의 유지율이 더 높음
Clipchamp는 누구나 동영상을 통해 공유할 만한 이야기를 전할 수 있는 브라우저 내 온라인 동영상 편집기입니다. 전 세계 1, 200만 명 이상의 크리에이터가 Clipchamp을 사용하여 동영상을 쉽게 편집하고 있습니다. 자르기 및 자르기와 같은 직관적인 도구부터 화면 녹화기와 같은 실용적인 기능, 밈 제작 도구에 이르기까지 동영상 제작을 위한 간단한 솔루션을 제공합니다.
Clipchamp는 누가 사용하나요?
YouTube 사용자 (일상적인 편집자라고도 함)는 다양합니다. Clipchamp를 사용하면 전문 지식이 없어도 동영상 편집자가 될 수 있습니다. 특히 현재 영업, 지원 교육, 제품 마케팅팀에서 웹캠과 화면 녹화기를 사용하여 텍스트와 GIF를 추가하여 흥미를 유발하는 빠른 설명 콘텐츠를 제작하고 있습니다. 이동 중에도 소셜 동영상을 수정하고 게시하는 중소기업도 많이 있습니다.
어떤 어려움을 겪고 있나요?
동영상 편집은 처음에는 다소 부담스러울 수 있습니다. 복잡한 편집 소프트웨어를 사용해 본 경험이 있어 어렵다고 생각하는 것 같습니다. 반면 Clipchamp는 텍스트 오버레이, 스톡 동영상 및 음악, 템플릿 등을 지원하여 편의성과 단순성에 중점을 둡니다.
대부분의 일상적인 편집자는 영화의 걸작을 만들고 싶어 하지 않습니다. YouTube는 사용자와 많은 대화를 나누며 사용자들이 바쁘고 자신의 이야기를 최대한 쉽고 빠르게 전 세계에 알리고 싶어 한다는 점을 항상 기억하고 있습니다.
Clipchamp PWA 개발
Clipchamp는 사람들이 동영상을 통해 자신의 이야기를 전할 수 있도록 지원하는 것을 목표로 합니다. 이 비전을 실현하기 위해 YouTube는 사용자가 동영상 프로젝트를 만들 때 자신의 영상을 사용할 수 있도록 하는 것이 중요하다는 것을 곧 깨달았습니다.
이러한 통계를 바탕으로 Clipchamp의 엔지니어링팀은 웹 애플리케이션에서 기가바이트 규모의 미디어 파일을 효율적으로 처리할 수 있는 기술을 개발해야 했습니다. 네트워크 대역폭 제약조건을 고려하여 기존 클라우드 기반 솔루션은 빠르게 배제했습니다. 일반 인터넷 연결에서 대용량 미디어 파일을 업로드하면 수정 작업을 시작하기 전에 항상 긴 대기 시간이 발생하여 사용자 환경이 저하됩니다.
이에 따라 동영상 처리의 모든 '대규모 작업'이 최종 사용자 기기에서 사용 가능한 하드웨어 리소스를 사용하여 로컬에서 실행되는 완전한 브라우저 내 솔루션으로 전환했습니다. YouTube는 브라우저 내 동영상 제작 플랫폼을 구축할 때 불가피하게 발생하는 문제를 해결하기 위해 Chrome 브라우저와 그 확장인 ChromeOS 플랫폼에 전략적으로 투자하고 있습니다.
동영상 처리는 리소스를 많이 사용하며 컴퓨터와 스토리지 리소스 모두에 영향을 미칩니다. Google의 (이동식) 네이티브 클라이언트 (PNaCl)를 기반으로 Clipchamp의 첫 번째 버전을 빌드하기 시작했습니다. PNaCl은 결국 지원 중단되었지만 웹 앱이 최종 사용자 하드웨어에서 실행되는 동안에도 빠르고 지연 시간이 짧을 수 있다는 것을 Google팀에 확인해 주었습니다.
나중에 WebAssembly로 전환할 때 Chrome이 일괄 메모리 작업, 스레딩, 최근에는 고정 너비 벡터 작업과 같은 MVP 이후 기능을 통합하는 데 앞장서 기쁘게 생각합니다. 후자는 Google 엔지니어링팀에서 오랫동안 기다려온 기능으로, 동영상 처리 스택을 최적화하여 최신 CPU에서 널리 사용되는 SIMD 작업을 활용할 수 있습니다. Chrome의 WebAssembly SIMD 지원을 활용하여 4K 동영상 디코딩 및 동영상 인코딩과 같이 특히 까다로운 워크로드의 속도를 높일 수 있었습니다.
이전에 관련 경험이 거의 없는 한 엔지니어가 한 달도 안 되는 기간에 성능을 2.3배 개선했습니다. 아직 Chrome 출처 체험판으로 제한되어 있지만 이미 이러한 SIMD 개선사항을 대부분의 사용자에게 출시할 수 있었습니다. 사용자는 매우 다양한 하드웨어 설정을 실행하지만 실패율에 부정적인 영향을 미치지 않으면서 프로덕션에서 성능이 향상되는 것을 확인할 수 있었습니다.
최근에는 현재 다른 Chrome 오리진 트라이얼에서 사용할 수 있는 신규 WebCodecs API를 통합했습니다. 이 새로운 기능을 사용하면 많은 인기 Chromebook에 있는 저사양 하드웨어에서 동영상 디코딩 성능을 더욱 개선할 수 있습니다.
PWA가 생성되면 채택을 유도하는 것이 중요합니다. 많은 웹 앱과 마찬가지로 Google을 비롯한 소셜 로그인과 같은 액세스 편의성에 중점을 두었습니다. 이를 통해 사용자는 동영상을 수정할 수 있는 위치로 빠르게 이동한 후 동영상을 쉽게 내보낼 수 있습니다. 또한 툴바와 메뉴 탐색의 팝업 알림으로 PWA 설치 메시지를 홍보했습니다.
결과
설치 가능한 Chrome PWA가 좋은 실적을 거두고 있습니다. PWA 사용자의 유지율이 표준 데스크톱 사용자보다 9% 높게 나타나 기쁩니다. PWA 설치 수가 5개월 전 출시 이후 매월 97% 씩 증가하여 엄청난 규모가 되었습니다. 또한 앞서 언급한 대로 WebAssembly SIMD 개선으로 성능이 2.3배 향상되었습니다.
향후 일정
PWA의 참여도와 채택도가 예상보다 높아 기쁩니다. PWA가 설치되어 있고 더 쉽게 액세스할 수 있으므로 Clipchamp 사용자 유지율이 향상되었다고 생각합니다. 또한 PWA는 편집기에서 더 나은 성능을 발휘하여 더 매력적이고 사용자가 계속 다시 방문하게 만듭니다.
앞으로 더 많은 사용자가 ChromeOS를 통해 더 간편하게 더 많은 작업을 할 수 있게 될 것을 기대합니다. 특히 파일을 사용할 때 로컬 OS와의 편리한 통합이 기대됩니다. YouTube는 이 기능이 바쁜 일상적인 편집자의 워크플로를 가속화하는 데 도움이 될 것으로 생각하며, 이는 YouTube의 최우선 과제 중 하나입니다.